<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>DamnIT - JavaScript Error Handling</title>
<link rel="stylesheet" type="text/css" href="/stylesheets/style.css" />
<!--[if IE]>
	<style>
	#template_caption {
		left: 22px;
	}
	#result_caption {
		bottom: -15px;
	}
	#result_caption {
		position: relative;
	}
	ul {margin-left: 60px;}
	
	</style>

	<![endif]-->
	<!--[if IE 6]>
		<style>#option_links {position:relative; top: 15px;}
			.width {width:960px;}
			.right_column {margin-right: 20px;margin-top: 15px;}
		</style>
	<![endif]-->

</head>
<body id='HOME'>
<div id='header'>
	<div class='width'>
		<a href='http://jupiterit.com' style='float:left;'><img src='/images/jupiter.png' style='border:none;'/></a>
		<ul>
			<li><a href='/home/demo'>Demo</a></li>
			<li><a href='/home/learn'>Learn More</a></li>
			<li><a href='/home/documentation'>Documentation</a></li>
			<li><a href='http://groups.google.com/group/damn-it/topics'>Forum</a></li>
			<li><a href='http://jupiterit.com/contact.html'>Contact</a></li>
		</ul>
	</div>
</div>
<div id='title' class='banner'>
	<div class='width'>
			<div id='title_section'>
				DamnIT is a free service that
				emails you when a user encounters a 
				JavaScript error in your webpages.
			</div>
			<div id='left_title'>
				<h1>DamnIT <span>(beta)</span></h1>
				<h2>A JavaScript error reporting service </h2>
			</div>
	</div>
</div>
<div class='width'>
		<div class='right_column'>

					<h3 id='loginregister'><a href='javascript: void(0);' id='login_button' class='<%= params[:register] ? "" : "selected" %>'>Log in</a><a href='javascript: void(0);' id='register_button' class='<%= params[:register] ? "selected" : "" %>'>Sign up</a> </h3>
					<% form_tag session_path, {:id => 'login', :style => (params[:register] ? "display:none" : '' )} do -%>
						
						<%= text_field_tag 'email', 'email', :class => 'wide', :default => 'email' %>
						<div id='email_error' class='error'><%=params[:login_error]%></div>
						<%= text_field_tag 'password', 'password', :class => 'wide', :default => 'password' %>
						<div id='password_error' class='error'></div>
						
						<%= submit_tag 'Sign in', :class => 'submit'%>

					<% end -%>

					<% form_for :user, :url => users_path, :html => {:id => 'register', :style => (params[:register] ? "" : "display:none" )} do |f| -%>
						<%= text_field_tag 'user[email]', 'email', :class => 'wide', :default => 'email' %>
						<div id='register_email_error' class='error'><%=params[:register_email]%></div>
						<%= text_field_tag 'user[password]', 'password', :class => 'wide', :default => 'password' %>
						<div id='register_password_error' class='error'><%=params[:register_password]%></div>
						<%= text_field_tag 'user[password_confirmation]', 'confirm password', :class => 'wide', :default => 'confirm password' %>
						<div id='register_password_confirmation_error' class='error'><%=params[:register_password_confirmation]%></div>
						<div id='policy'>Our Email Policy:<br/>no spam, no sharing, ever.</div>
						<%= submit_tag 'Register', :class => 'submit' %> 
					<% end -%>
					
					
					
		</div>
		<div class='left_column'>
			<h2>Harden your application</h2>
			<p>
				Getting JavaScript to work perfectly across all browsers 
				is extremely challenging.  You'll fix the bugs that leaked 
				through testing faster with DamnIT's detailed error 
				reports.
			</p>
			<h2>Utilize beta testers</h2>
			<p>DamnIT makes it simple for beta testers to provide useful 
				feedback by prompting them after an error occurs and 
				combining their response with error message, file, line 
				number, and back-trace information.  You'll receive 
				detailed automated error information instead of vague 
				bug descriptions.</p>
			
		</div>
		<div class='clear'></div>
		<div class='right_column' style='margin-top: 0px; padding-top: 0px;'>
			<div>
				<a href='http://javascriptmvc.com'><img src='/images/javascriptmvc.png' style='position: relative; top: -3px;border:none'/></a>
				<div style='margin-top: 8px;'>DamnIT is proudly part of the 
				 <a href='http://javascriptmvc.com'>JavaScriptMVC</a> framework.  
				 </div>
				
			</div>
		</div>
		<div class='left_column'>
			<h2>Save your ass</h2>
			<p>Fix bugs when a user stumbles on them, so the next 
				user never finds out.  Without DamnIT, you'd have no 
				idea when your JavaScript broke unless a user was 
				nice enough to email you.</p>
			<p><a href='/home/learn'>learn more ...</a></p>
		</div>
		<div class='clear'></div>
	
		<div class='width exclaims'>
			<div class='title'>How it works</div>
		</div>
		
		
		<div class='width'>
			<div class='right_column'><pre><code>APPLICATION_KEY='_KEY_';</code></pre></div>
			
			<div class='left_column'>
				<h2>1. Sign up for DamnIT</h2>
				<p>Sign up and confirm your email to receive an Application Key.
				</p>
			</div>
		</div>
		<div class='clear'></div>
		<div class='width'>
			<div class='right_column'><pre><code>&lt;script type='text/javascript'
src='https://damnit.jupiterit.com/damnit.js?_KEY_'>
&lt;/script></code></pre></div>
			
			<div class='left_column'>
				<h2>2. Include damnit.js</h2>
				<p>Include <i>damnit.js</i>
				 with your Application Key in your html pages.
				</p>
			</div>
		</div>
		<div class='clear'></div>
		
		<div class='width'>
			<div class='right_column'><img src='/images/error.png' /></div>
			
			<div class='left_column'>
				<h2>3. An error happens</h2>
				<p>When an error is captured or
				   the onerror event is called, the 
				   error is sent to DamnIT.
				</p>
			</div>
		</div>
		<div class='clear'></div>
		<div class='width'>
			<div class='right_column'><img src='/images/notification.png' /></div>
			
			<div class='left_column'>
				<h2>4. Optional description</h2>
				<p>You can optionally let your users provide
					a description before the error is sent.
				</p>
			</div>
		</div>
		<div class='clear'></div>
		<div class='width'>
			<div class='right_column'><img src='/images/email.png' /></div>
			
			<div class='left_column'>
				<h2>5. You get an email</h2>
				<p>DamnIT instantly sends you an email detailing
				the error.
				</p>
				<p><a href='/home/demo'>See it in action!</a></p>
				<p>Read the <a href='/home/documentation'>documentation</a> for more information on installing DamnIT. </p>
			</div>
		</div>
		<div class='clear'></div>
</div>	<p class='disclaimer'>If you have security concerns, you should know they're being <a href='/home/documentation#security'>addressed</a>.</p>

<div id='footer'>
	<div class='width'>
		<a href='http://jupiterit.com' style='float:left;'><img src='/images/jupiter.png' style='border:none'/></a>
		<ul>
			<li><a href='/'>Home</a></li>
			<li><a href='http://code.google.com/p/embeddedjavascript/w/list'>Learn More</a></li>
			<li><a href='/home/documentation'>Documentation</a></li>
			<li><a href='http://groups.google.com/group/damn-it/topics'>Forum</a></li>
			<li><a href='http://jupiterit.com/contact.html'>Contact</a></li>
		</ul>
	</div>
</div>

<script type='text/javascript' src='/jmvc/include.js?home,production'></script>


<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-2302003-7");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>